@import "../../../styles/mixin.scss";

.left-menu {
	min-height: 5rem;
	// background: #FFF;
	// .item-all-interface {
	//   background-color: red;
	// }
	// .ant-tabs-bar{
	//     border-bottom: none;
	//     margin-bottom: 0
	// }
	.ant-tag {
		margin-right: 0.16rem;
	}
	.ant-tabs-nav {
		width: 100%;
		background-color: $color-bg-gray;
	}
	.ant-tabs-tab {
		min-width: 49.4%;
	}
	.ant-tabs.ant-tabs-card > .ant-tabs-bar .ant-tabs-tab {
		height: 39px;
		background: #fff;
		border-bottom: 0;
		border-radius: 0;
	}
	.ant-tabs.ant-tabs-card > .ant-tabs-bar .ant-tabs-tab:nth-of-type(2) {
		border-left: 0;
	}
	// .ant-tabs.ant-tabs-card > .ant-tabs-bar .ant-tabs-tab:last-of-type {
	//     border-right: 0;
	// }
	.ant-tabs.ant-tabs-card > .ant-tabs-bar .ant-tabs-tab-active {
		height: 40px;
		background-color: #ddd;
		// color: $color-white;
	}

	.ant-tabs.ant-tabs-card > .ant-tabs-bar .ant-tabs-nav-container {
		height: 40px;
	}

	.ant-tabs.ant-tabs-card > .ant-tabs-bar {
		text-align: center;
		// background: #ececec;
	}

	.ant-tabs-nav-wrap {
		height: 40px;
		line-height: 31px;
		// border-bottom: 1px solid #d9d9d9;
	}
	.ant-input {
		width: 100%;
	}
	.interface-filter {
		padding: 12px 16px;
		padding-right: 110px;
		line-height: 32px;
		background-color: #ddd;
		position: relative;
	}
	.btn-filter {
		position: absolute;
		right: 16px;
		top: 50%;
		transform: translateY(-50%);
	}
	.ant-tree li .ant-tree-node-content-wrapper {
		width: calc(100% - 28px);
		position: relative;
		.container-title {
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}
		.btns {
			background-color: #eef7fe;
			position: absolute;
			top: 50%;
			right: 0;
			transform: translateY(-60%);
			transition: all 0.2s;
		}
	}
	.ant-tree li .ant-tree-node-selected {
		.btns {
			background-color: #d5ebfc;
			transition: all 0.2s;
		}
	}

	.interface-delete-icon {
		position: relative;
		right: 0;
		float: right;
		line-height: 25px;
		width: 24px;
		font-weight: bold;
	}
	.anticon-ellipsis {
		transform: rotate(90deg);
	}
	.interface-delete-icon:hover {
		color: #2395f1;
	}

	.interface-list {
		//max-height: 600px;
		//overflow-y: scroll;
		.cat_switch_hidden {
			.ant-tree-switcher {
				visibility: hidden;
			}
		}

		a {
			color: rgba(13, 27, 62, 0.65);
		}

		.btn-http {
			height: 23px;
			font-size: 10px;
			margin-right: 7px;
			padding: 0 5px;
			width: auto !important;
		}
		.interface-item {
			display: inline-block;
			overflow: hidden;
			top: 0px;
		}
		.interface-item-nav {
			line-height: 25px;
		}
		.interface-list {
			.cat_switch_hidden {
				.ant-tree-switcher {
					visibility: hidden;
				}
			}

			.btn-http {
				height: 23px;
				font-size: 10px;
				margin-right: 7px;
				padding: 0 5px;
				width: auto !important;
			}
			.interface-item {
				display: inline-block;
				overflow: hidden;
				top: 0px;
				line-height: 100%;
				text-decoration: none;
			}
			.interface-item-nav {
				line-height: 25px;
			}
		}
	}
}

.right-content {
	min-height: 5rem;
	background: #fff;
	.caseContainer {
		table {
			border-radius: 4px;
			// border-collapse: collapse;
		}
		.ant-table-small .ant-table-thead > tr > th {
			text-align: left;
			background-color: #f8f8f8;
		}
		tr:nth-child(even) {
			background: #f8f8f8;
		}
	}
	.interface-content {
		.ant-tabs-nav {
			width: 100%;
			// background-color: #ddd;
			// color: $color-white;
		}
		.ant-tabs-nav-wrap {
			text-align: left;
		}
	}
	.interface-title {
		clear: both;
		font-weight: normal;
		margin-top: 0.48rem;
		margin-bottom: 0.16rem;
		border-left: 3px solid #2395f1;
		padding-left: 8px;
		.tooltip {
			font-size: 13px;
			font-weight: normal;
		}
	}
	.container-radiogroup {
		text-align: center;
		margin-bottom: 0.16rem;
	}
	.panel-sub {
		background: rgba(236, 238, 241, 0.67);
		padding: 0.1rem;
		.bulk-import {
			color: #2395f1;
			text-align: right;
			margin-right: 16px;
			cursor: pointer;
		}
	}
	.ant-radio-button-wrapper-checked {
		color: #fff;
		background-color: #2395f1;
		&:hover {
			color: #ddd;
		}
	}
	.href {
		color: #2395f1;
		cursor: pointer;
	}
	.remark-editor {
		background-color: #fff;
	}
	.remark {
		table {
			border-collapse: collapse;
		}
		th {
			text-align: left;
			font-weight: normal;
			background-color: #f8f8f8;
			text-indent: 0.4em;
		}
		tr {
			text-indent: 0.4em;
		}
		th,
		td {
			border: 1px solid #e9e9e9;
		}
		tr:nth-child(odd) {
			background: #f8f8f8;
		}
		tr:nth-child(even) {
			background: #fff;
		}
	}
}
.addcatmodal {
	.ant-modal-body {
		padding: 10px 0px;
		.ant-form-item {
			margin-bottom: 10px;
		}
		.catModalfoot {
			border-top: 1px solid #e9e9e9;
			margin-bottom: 0px;
			padding-top: 10px;
			margin-top: 0px;
			.ant-form-item-control-wrapper {
				margin-left: 0px;
			}
			.ant-form-item-control {
				float: right;
				margin-right: 10px;
			}
		}
	}
}

.common-setting-modal {
	.setting-item {
		margin: 10px;
		line-height: 35px;
		.col-item {
			padding: 5px;
		}
	}

	.case-script {
		min-height: 200px;
		margin: 10px;
		width: 98%;
	}

	.insert-code {
		padding-top: 45px;
	}
}
